<template>
  <div class="Empty-container">
      <Icon type="empty"></Icon>
      <div class="txt">{{text}}</div>
  </div>
</template>

<script>
import Icon from '../Icon/index.vue'
export default {
 
    
    props: {
        text: {
            type: String,
            default:"无数据"
        }
    },
    components: { Icon }
}
</script>

<style lang="less" scoped>
@import "../../style/var.less";
@import '../../style/general.less';

.Empty-container{
    // margin: 0 auto;
    .self-center();
    color:@lightWords;
     font-size: 5em;
    
     .txt{
    font-size:  16px;
   
}
}

</style>